<template>
  <div id="footer">
    <el-row :gutter="20">
      <el-col :span="8">
        版权所有 © 2022
        <el-link :underline="true" type="primary" href="https://space.bilibili.com/366914054?spm_id_from=333.1007.0.0"
          >Lucson</el-link
        >
      </el-col>
      <el-col :span="16" style="text-align:right">
        <el-link
          type="warning"
          href="https://space.bilibili.com/366914054?spm_id_from=333.1007.0.0"
          >哔哩哔哩</el-link
        >
        &nbsp;
        <el-link
          type="warning"
          href="https://blog.csdn.net/qq_39057639?type=blog"
          >CSDN</el-link
        >
        &nbsp;
        <el-link type="warning" href="https://gitee.com/lucson">Gitee</el-link>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapState } from "vuex"
export default {
  name: "Footer",
  computed: {
     ...mapState("user",["userInfo"])
  },
};
</script>

<style lang="scss" scoped>
#footer {
  width: 100%;
  height: 100%;
  line-height: 60px;
  color: #666;
}
</style>
